<!DOCTYPE html>
<style type="text/css">
    .col{
        background-color: #F9FAFB;
        padding: 5px;
        /*border: 1px solid #ddd;*/
        border-radius: 2px;
        line-height: 26px;
        font-size: 16px;
    }
</style>
<ion-view hide-nav-bar="true">
    <ion-content >
        <div class="content no-header">
            <div style="width: 100%;text-align: center;border-bottom: 0px;" ng-click="stopCheckSelect()" ng-show="searchData != undefined && searchData.taskTitle != undefined">
                <span class="item" >
                    <!--<i class="icon ion-ios-plus-outline"></i>-->
                    <i class="icon ion-arrow-down-b"></i>
                    {{searchData.taskTitle}}-完成率({{searchData.percent*100 | number:2}}%)
                </span>
            </div>
        </div>
        <ion-list>
            <div class="row" style="text-align: center;padding: 5px 0 5px 0px;" ng-show="taskItemList.length > 0">
                <div class="col" style="color:#6CB8F8;">站点名称</div>
                <div class="col" style="color:#6CB8F8;">街道</div>
                <div class="col" style="color:#6CB8F8;">行向</div>
                <div class="col" style="color:#6CB8F8;">状态</div>
            </div>
            <!--车辆-->
            <div ng-show="taskItemList.length > 0 && taskItemList.length < 15 ">
                <div ng-repeat="data in taskItemList" class="item" style="border:none;height: 42px;padding : 0px;" ng-click="clickItem(data)">
                    <div class="row" style="text-align: center;padding : 0px;">
                        <div class="col" style="overflow:hidden;text-overflow:ellipsis;white-space: nowrap;" >{{data.stopName}}</div>
                        <div class="col">{{data.roadName}}</div>
                        <div class="col">{{data.direction}}</div>
                        <div class="col" ng-style="{'color': data.status == '0' ? 'red' : 'green' }">{{data.status | code : 'CHECK_TASK_ITEM_STATUS'}}</div>
                    </div>
                    <div style="height: 5px;background-color: #F5F5F5;">
                    </div>
                </div>
            </div>
            <div ng-show="taskItemList.length >= 15">
                <div ng-repeat="data in taskItems" class="item" style="border:none;height: 42px;padding : 0px;" ng-click="clickItem(data)">
                    <div class="row" style="text-align: center;padding : 0px;">
                        <div class="col" style="overflow:hidden;text-overflow:ellipsis;white-space: nowrap;">{{data.stopName}}</div>
                        <div class="col">{{data.roadName}}</div>
                        <div class="col">{{data.direction}}</div>
                        <div class="col" ng-style="{'color': data.status == '0' ? 'red' : 'green' }">{{data.status | code : 'CHECK_TASK_ITEM_STATUS'}}</div>
                    </div>
                    <div style="height: 5px;background-color: #F5F5F5;">
                    </div>
                </div>
                <div>
                    <span class="item" style="text-align: center;height: 30px;padding: 3px;color: red;">{{vm.descText}}</span>
                </div>
                <ion-infinite-scroll ng-if="!vm.moredata" on-infinite="vm.loadMore()" distance="1%" ></ion-infinite-scroll>
            </div>
        </ion-list>
        <div ng-if="searchData == undefined || searchData.taskTitle == undefined || searchData.taskTitle == '' "  style="padding-top:10px;width: 100%;text-align: center;color: #555;"> <span>无数据</span></div>
    </ion-content>
    <div class="stopCheckContainer"></div>
</ion-view>